﻿<!DOCTYPE html>
<html>
<head>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

	<!-- Stylesheets -->
	<link href="css/default.css" rel="stylesheet" type="text/css">

	<!-- Javascripts -->
	<script src="js/jquery.js"></script>
	<script src="js/cre-application.jquery.js"></script>
	<title>Creatision</title>
</head>
<body>
	<!-- MAIN CONTAINER -->
	<div id="cre_main_container">
		<!-- HEADER SECTION START -->
		<div id="cre_header">
			<!-- TOP SECTION IN HEADER -->
			<div id="cre_header_top">
				<!-- LOGO -->
				<div id="cre_header_top_logo"><img width="180" src="images/logo_creatision.png" /></div>
				<!-- TOP NAVIGATION -->
				<div id="cre_header_top_topnavi">
					<ul>
						<li class="first"><a href="#">Registrieren</a></li>
						<li><a href="#">Anmelden</a></li>
						<li class="facebook last"><a href="#">Anmelden</a></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!-- TOP HEADLINES -->
			<div id="cre_header_headlines">
				<div id="cre_header_headlines_intro">
					<h2 class="text-center">Erstelle eine neue creatision.</span></h2>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- HEADER SECTION END -->

		<!-- CONTENT BEGIN -->
		<div id="cre_content_wrapper">
			<div id="cre_content_inner">
				<div class="cre_content width-70">					
					<form method="" action="" enctype="multipart/form-data">
						<div class="cre_desc-wrap">
							<h3>Wie <span class="font-weight-600">heißt</span> eine <span class="font-weight-600">creatision?</span></h3>
							<input type="text" />
							<div class="cre_desc-txt">
								<p>Description 01 </p>
								<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
							</div>
						</div>
						<div class="spacer"></div>
						<div class="cre_desc-wrap">
							<h3><span class="font-weight-600">Beschreibe</span> deine <span class="font-weight-600">creatision:</span></h3>
							<textarea></textarea>
							<div class="cre_desc-txt">
								<p>Description 02 </p>
								<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
							</div>
						</div>
						<button class="button big">Datei hochladen</button><br />
						<input type="checkbox" />Community darf Beschreibung der creatision sehen.
						<div class="spacer"></div>
						<input type="submit" class="button right red" value="weiter zur Herstellerauswahl" />
					</form>
					</div>
					
				</div>

				<div class="cre_content width-30">
					<h3 class="cre_description">Erklärung</h3>
					<div class="cre_description-container"><p>Hover over the fields in the left column and you will get more information about each item. </p></div>
				</div>
				<div class="clear"></div>

	  </div>
	</div>
		<!-- CONTENT END -->

		<!-- FOOTER BEGIN -->
		<div id="cre_footer_wrapper">
			<div id="cre_footer">
				<div id="cre_footer_copyright">&copy; 2012 creatision GmbH</div>
				<div id="cre_footer_navi">
					<ul>
						<li><a href="#">Impressum</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Kontakt</a></li>
						<li><a href="#">AGB</a></li>
						<li><a href="#">Datenschutz</a></li>
						<li><a href="#">Über creatision</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- FOOTER END -->

	</div>

	<div id="cre_overlay"></div>
</body>
</html>